// Child2.jsx 子组件(子父组件传值)
import { Component } from 'react'
import '../assets/css/Child.css'

export default class Child2 extends Component {
  state = {
    cData: '子组件数据'
  }

  // 发送数据的函数
  sendMsg () {
    // 调用自定义属性中的函数，将数据传递给父组件
    this.props.csData(this.state.cData)
  }

  render () {
    return (
      <div className='child-container'>
        <h3>子组件</h3>
        <p>当前组件数据：{this.state.cData}</p>
        <button onClick={this.sendMsg.bind(this)}>发送数据给父组件</button>
      </div>
    )
  }
}
